
<div>
	<ul>
		<li>
			<h2 id='pageContext'>The PageContext</h2>
			<p>The PageConext provides page managing, including code
				splitting and prefetching.</p>
		</li>
		<li>
			<h2>The RootPanel</h2>
			<p>In a GWT html module, there should be two elements within, the
				head element(include link of nocache.js, the entry point) and an
				iframe for history supporting, use RootPanel.get() to retrieve the
				singleton instance, the RootPanel's element will be append to the
				body element, (there can be more RootPanel with id in the body, but
				in the PageContext mechanism, we just use the default one).</p>
		</li>
		<li>
			<h2>The PageContainer</h2>
			<p>The PageContainer can be put to RootPanel to be a page wrapper
				with header, navigations and footer. When page token is changed,
				PageContext will present a page at the PageContainer, once the
				PageContainer is not specified, the page which should displayed will
				be put to RootPanel directly(and replace previous one)</p>
		</li>
		<li>
			<h2>The Page</h2>
			<p>The page is a view with name(id), given a name and change
				history token to it with page token prefix '/',
				the PageContext will instantiate the page of name and present it at
				root container. The page is also a split point for code splitting
				and prefetching.</p>
		</li>
		<li>
			<h2>The PageFilter</h2>
			<p>Similar to the Filter of Servlet, but instead of filtering
				ServletRequest, this page filter is to define an action to process
				before presenting a page.</p>
		</li>

		<li>
			<h2>The Dynamic PageContainer</h2>
			<p>
				Use PageFilter, we can present pages with respective page container.
				This tutorial page use a
				<code>ResizePageContainer</code>
				(the container will always fill the screen) , check out source of
				<code>ShowcasePageFilter.java</code>
			</p>
		</li>

		<li>
			<h2>The History Token</h2>
			<p>For the meaning of history token, let's see some example
				directly</p>
			<ul>
				<li>Go to the PageContext section in this page <a
					href='#pageContext'> '#' with suffix 'pageContext'</a></li>
				<li>Change page parameters<a
					href='#/PageContextTutorial/param1/param2'> '#' with
						'/PageContextTutorial' and '/param1/param2'</a></li>
				<li>Go to ActivityManagerTutorial page<a
					href='#/ActivityManagerTutorial'> '#' with
						'/ActivityManagerTutorial'</a></li>
			</ul>

		</li>
	</ul>

</div>
